body, input {
	font: 9pt Verdana, Geneva, sans-serif;
}
input[type="text"], input[type="password"], textarea{
	font: 9pt Verdana, Geneva, sans-serif;
	color: #0050A0;
	border: none;
	border-top: 1px dotted #0050A0;
	border-bottom: 1px dotted #0050A0;
	border-left: 1px dotted  #ddd;
	border-right: 1px dotted  #ddd;
	background: #FAFAFA
}
input[type="text"]:disabled {
	background: #ddd;
	color:#777;
} 
a {
	color: #333;
	text-decoration: none
}
u {
	color: #006699;
	cursor: help
}
p { 
	display:inline 
}
.ct {
	text-align:center
}

.l {
	border-left: solid 1px #CCD6D7;	
}
.hlp_fr, .hlp, .font_s {
	font-size: 8pt
}
.tab_font {
	font-size: 10pt
}
.foot::after {
	white-space: pre;
	content: "\A©2015 ANEL-Elektronik AG - NET-PwrCtrl - ";
	font-size: 7pt;
	color: #eee
}
.hlp {
	text-align: justify;
	border: hidden;
	padding: 6px;
	color: #739B9F;
}
.info, .result {
	margin: 10px 70px 10px 0;
	border: 1px solid #333;
	background: #EBF3F5;
	border-radius: 3px
}
.info {
	padding: 20px
}
.result {
	padding: 8px;
	text-align: center
}
.fail, .ok {
	border-radius: 5px
}
.fail {
	border-color: #b66;
	background: #fee
}
.ok {
	border-color: #6b6;
	background: #efe
}
.hlp_fr {
	background: rgba(59,59,59,1);
	background: -webkit-linear-gradient(left, rgba(59,59,59,1) 0%, rgba(129,129,129,1) 99%, rgba(130,130,130,1) 100%);
	background: linear-gradient(to right, rgba(59,59,59,1) 0%, rgba(129,129,129,1) 99%, rgba(130,130,130,1) 100%);

	color: #fff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position: absolute;
	z-index: 1;
	visibility: hidden;
	box-shadow: 3px 3px 6px #AAA;
	border-radius: 5px;
	border: 1px solid #888;
	animation-duration: .5s;
	-webkit-animation-duration: .5s;
	animation-name: fadeAndScale;
	-webkit-animation-name: fadeAndScale;

	user-select:none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none
}

@keyframes fadeAndScale {
    from {
	opacity: 0;
	transform: scale(.1, .1);
} to {
	opacity: .95;
	transform: scale(1, 1);
}
}

@keyframes fadeAndScale_out {
    from {
	opacity: .95;
	transform: scale(1, 1);
} to {
	opacity: 0;
	transform: scale(.1, .1);
}
}

@-webkit-keyframes fadeAndScale {
    from {
	-webkit-opacity: 0;
	-webkit-transform: scale(.7, .7);
} to {
	-webkit-opacity: .95;
	-webkit-transform: scale(1, 1);
}
}

@-webkit-keyframes fadeAndScale_out {
    from {
	-webkit-opacity: .95;
	-webkit-transform: scale(1, 1);
} to {
	-webkit-opacity: 0;
	-webkit-transform: scale(.7, .7);
}
}

.hlp_fr, .hlp {
	text-align: justify;
	opacity: 0.95;
	filter: alpha(opacity=95)
}
.hlp_txt {
	margin: 3px;
	padding: 3px
}
.hlp_txt p {
	display:block
}
.hlp_head {
	padding:2px 10px 2px 2px;
	border-radius: 3px 3px 0 0;
	background-color:#ccc;
	color: #333333
}
.hlp_head {
	background: rgba(210,217,219,1);
	background: -webkit-linear-gradient(top, rgba(210,217,219,1) 0%, rgba(142,169,162,0.96) 84%, rgba(142,169,162,0.95) 100%);
	background: linear-gradient(to bottom, rgba(210,217,219,1) 0%, rgba(142,169,162,0.96) 84%, rgba(142,169,162,0.95) 100%);
}



.td_mid, .td_beg {
	font-size: 9pt;
	color: black;
	border: 1px solid #b0bfc2;
	background: -webkit-linear-gradient(top, #DDE4E5 0%, #C1CECF 20%, #DDE4E5 100%);
	background: linear-gradient(to bottom, #DDE4E5 0%, #C1CECF 20%, #DDE4E5 100%);
}
.td_mid, .td_end, .td_beg, .td_top_m {
	height: 12px;
	padding: 2px;
	padding-left: 5px
}
.td_end {
	font-size: 9pt;
	color: black;
	border: 1px solid #b0bfc2;
	padding-right: 5px;
	border-radius: 0 0 5px 5px;
	background: -webkit-linear-gradient(top, #DDE4E5 0%, #C1CECF 80%, #DDE4E5 100%);
	background: linear-gradient(to bottom, #DDE4E5 0%, #C1CECF 80%, #DDE4E5 100%);
}
.td_beg, .td_top, .td_top_m {
	border-radius: 5px 5px 0 0;
	vertical-align:middle
}
.td_end, .td_beg {
	box-shadow: 3px 3px 4px #ddd
}
.td_top {
	font-size: 13px;
	padding: 3px;
	padding-left: 7px;
	background: #96c2bc;
	box-shadow: 2px 2px 3px #999;
	background: rgba(210,217,219,1);
	background: -webkit-linear-gradient(top, rgba(210,217,219,1) 0%, rgba(142,169,162,0.96) 84%, rgba(142,169,162,0.95) 100%);
	background: linear-gradient(to bottom, rgba(210,217,219,1) 0%, rgba(142,169,162,0.96) 84%, rgba(142,169,162,0.95) 100%);
	color: #4D635E;
	text-shadow: 1px 1px #ccc, -1px -1px #aaa

}
.td_top_m {
	background: #96c2bc;
	border: 1px
}

#bt:hover {
	color:#FEFBE2;
	text-shadow:0 2px rgba(0, 0, 0, 0.5);
	box-shadow:0 2px 2px rgba(0, 0, 0, 0.6);
}
#bt, #bte, #btn{
	transition:all 100ms ease-in;
	text-shadow:0 1px rgba(0, 0, 0, 0.3);
	border:2px solid #666;
	border-radius:9px;
	outline:0;
	box-shadow:0 2px 1px rgba(0, 0, 0, 0.25);
	padding:5px;
	height:10px;
	width:20%;
	cursor:default;

	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;

	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
}

#st:hover {
	color: #CCC
}

.tren{
	background-color:#D1E8E5
}

.des {
	padding-top:5px;
	padding-bottom:5px;
	color: #006699;
	background-color:#CCD6D7;
}

.des1 {
	background-color:#BFCCCD;
	border-left: dotted 1px #A1B3B7;
	border-right: dotted 1px #A1B3B7;
}

.led {
    margin: auto;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.25);
    box-shadow: #000 0 -1px 4px 1px;
}
.led-red {
    background-color: #B41212;
    box-shadow: #555 0 -1px 6px 1px, inset #600 0 -1px 6px, #F00 0 3px 7px;
}
.led-orange {
    background-color: #FF7000;
    box-shadow: #555 0 -1px 6px 1px, inset #630 0 -1px 6px, #FF7000 0 3px 7px;
}
.led-yellow {
    background-color: #FF0;
    box-shadow: #555 0 -1px 6px 1px, inset #660 0 -1px 6px, #FF0 0 3px 7px;
}
.led-green {
    background-color: #80FF00;
    box-shadow: #555 0 -1px 6px 1px, inset #460 0 -1px 6px, #80FF00 0 3px 7px;
}
.led-blue {
    background-color: #06F;
    box-shadow: #555 0 -1px 6px 1px, inset #006 0 -1px 6px, #06F 0 3px 7px;
}
.led-white {
    background-color: #FFF;
    box-shadow: #555 0 -1px 6px 1px, inset #999 0 -1px 6px, #06F 0 3px 7px;
}
